<template>
	<view class="orderFeelback">
		<view  class="feelback_image">
			<image src="../../static/images/zjc/A-27/image_orderFeelback@2x.png" mode="">
			</image>
		</view>
		<view class="success_msg">
			订单支付成功
		</view>
		<view class="detail_msg">
			商品会在次日准日到店,
			请留意物流信息，及时到店保养哦。
		</view>
		<navigator url="../home/home">
			<button type="default" class="nav_btn" @tap="back">
				导航
			</button>
		</navigator>
		<navigator url="../home/home">
			<button type="default" class="back_btn" @tap="back">
				返回首页
			</button>
		</navigator>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			back(){
				uni.switchTab({
					url:"../home/home"
				})
			}
		}
	}
</script>

<style>
	.feelback_image {
		width: 156rpx;
		height: 156rpx;
		margin: 244rpx auto 0;
	}

	.feelback_image image {
		width: 100%;
		height: 100%;
	}

	.success_msg {
		text-align: center;
		font-size: 40rpx;
		line-height: 56rpx;
		color: #fdd020;
		margin-bottom: 20rpx;
	}

	.detail_msg {
		font-size: 20rpx;
		line-height: 28rpx;
		color: #aaaaaa;
		text-align: center;
		margin-bottom: 120rpx;
	}

	.orderFeelback .nav_btn {
		width: 356rpx;
		/* height: 72rpx; */
		border-radius: 36rpx;
		font-size: 28rpx;
		line-height: 72rpx;
		color: #ffffff;
		margin-bottom: 24rpx;
		background-color:#F5610C;
	}

	.orderFeelback .back_btn {
		width: 356rpx;
		height: 60rpx;
		border-radius: 36rpx;
		border: solid 2rpx #F5610C;
		font-size: 28rpx;
		line-height: 60rpx;
		color:#F5610C;
	}
</style>
